<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>只是个浏览器标题而已</title>
	<style type="text/css">
		p {
			color: red;
		}
	</style>
</head>
<body style="background-color: #40B3DF;">
	<h1>最大标题</h1>
	<h6>最小标题</h6>
	<p>    春眠不觉晓，
      处处闻啼鸟。
        夜来风雨声，
          花落知多少。</p>
	<p>这个段落演示了<br>分行效果</p>

	<sub>上标</sub>
	<sup>下标</sup>
	<hr/>
	<br/>
	<img src="0.png" width="258" height="39">
	<h2>风景真好</h2>
	<p>
		<a href="pulpit.jpg">
		<img src="pulpit.jpg" width="304" height="228"></a>
	</p>

	<p>	
		<a href="smiley.gif">
		<img src="smiley.gif" alt="Smiley face" style="float:left" width="32" height="32"></a>
		<img src="smiley.gif" alt="Smiley face" style="float:right" width="32" height="32">
	</p>
	<br>
	<p>
		<img src="planets.gif" width="145", height="126" usemap="#planetmap">
	</p>
	<map name="planetmap">
		  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.gif">
		  <area shape="circle" coords="90,58,3" alt="Mercury" href="merglobe.jpg">
		  <area shape="circle" coords="124,58,8" alt="Venus" href="venglobe.gif">
	</map>
</body>
</html>